br
br
.ui.grid(style="margin-right:10px;")
    .twelve.wide.column
        #status-pane
            .ui.form.user-info.segment
                a.ui.green.tiny.button(style="float:right;",data-ng-click="confirm()")
                        .fa.fa-check.fa-1x 
                        span  提交工况  
                .clear
                br
                br
                .field        
                    label 
                        .fa.fa-calendar
                        | &nbsp;工况日期&nbsp;
                    input(name="time",type="text",data-ng-model="item.Date") 
                .field
                    label 
                        .fa.fa-envelope
                        | &nbsp;工况简述（不超过8个字）：&nbsp;
                    input(data-ng-model="item.Title",name="shortDescription",maxlength="8",type="text")
                .field
                    label 
                        .fa.fa-file
                        | &nbsp;工况描述（不超过200字）：&nbsp;
                    textarea(data-ng-model="item.Detail",name="description",type="text",required) 
                #container
                    span#imgUpload.ui.tiny.button
                        .fa.fa-plus.fa-1x 
                        span  添加工况图片
                br
                #image-show.ui.cards
                    .ui.card.image-item(data-ng-repeat="img in item.StatusImgs")
                        .image
                            img(data-ng-src="{{img.isEditOld?img.Url:''}}",alt="",style="height:300px;",data-ng-show="img.isEditOld") 
                            div(data-img-src="img.file",data-is-old="img.isEditOld",data-img-Add-On="") 
                            .progress-container(id="{{'img'+$index}}",style="display:none;")
                                .ui.teal.progress(style="position:relative;bottom:0;left:0;position:absolute;right:0;margin: 0 10px 0 0;")
                                    .bar 
                            a.remove.ui.corner.label(data-ng-click="removeImage($index)")
                                .fa.fa-remove.fa-1x 
                        .extra.content
                            div.ui.input.fluid 
                                input(type="text",data-ng-model="img.description",placeholder="照片描述（可选）...") 

    .four.wide.column.ui.segment
        h3.ui.header.center.dividing(style="color:#555;margin-top: 17px;") 工况列表

        #status-list.ui.list(style="margin-top:-4px;")
            table#prjStatusList.ui.table.very.basic.striped
                tr(data-ng-repeat="item in prjStatusList")
                    td
                        input(required,type="checkbox",data-ng-model="item.Selected") 
                    td
                        |{{item.Date}}
                    td
                        a.status-description(title="点击修改工况",data-ng-click="setCurItem($index)",style="cursor:pointer;") {{item.Title}}
        .ui.center.aligned.two.column.grid
            .wide.column
                .ui.button.labeled.teal.tiny(title="增加一个新的工况",data-ng-click="add()")
                    .fa.fa-plus.fa-1x
                    span  新增工况
            .wide.column
                .ui.button.labeled.black.tiny(title="删除工况，不可撤销！",data-ng-click="delete()")
                    .fa.fa-remove.fa-1x 
                    span  删除工况
